<template>
    <div>
        <div id="main" style='height: 500px'></div>
    </div>
    
</template>

<script lang="ts">
import * as echarts from 'echarts'
import { onMounted,defineComponent } from 'vue'
export default defineComponent({
    name: 'mvtkEchart',
    setup() {
		onMounted(() => {
			// 获取DOM元素并且进行初始化
			var myChart = echarts.init(document.getElementById('main'));
			// 创建图标
			myChart.setOption({
			  title: {
			    text: 'ECharts 入门示例'
			  },
			  tooltip: {},
			  xAxis: {
			    data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
			  },
			  yAxis: {},
			  series: [
			    {
			      name: '销量',
			      type: 'bar',
			      data: [5, 20, 36, 10, 10, 20]
			    }
			  ]
			})
		})
	}
})
</script>


